export const routes = [
  {
    path: '/',
    redirect: '/home',
    component: () => import('@/layout/index.vue'),
    children: [
      // 首页
      {
        path: 'home',
        name: 'Home',
        components: {
          default: () => import('@/views/home/index.vue')
          // statusbar: () => import('@/components/StatusBar.vue')
        }
      },

      // 剧场
      {
        path: 'theater',
        name: 'theater',
        components: {
          default: () => import('@/views/theater/index.vue')
          // statusbar: () => import('@/components/StatusBar.vue')
        }
      },

      // 福利
      {
        path: 'welfare',
        name: 'welfare',
        components: {
          default: () => import('@/views/welfare/index.vue')
          // statusbar: () => import('@/components/StatusBar.vue')
        }
      },

      // 追剧
      {
        path: 'bingewatch',
        name: 'BingeWatch',
        components: {
          default: () => import('@/views/bingewatch/index.vue')
          // statusbar: () => import('@/components/StatusBar.vue')
        }
      },

      // 我的
      {
        path: 'my',
        name: 'My',
        components: {
          default: () => import('@/views/my/index.vue')
          // statusbar: () => import('@/components/StatusBar.vue')
        }
      }
    ]
  },

  // 登录页面
  {
    path: '/login',
    name: 'Login',
    component: () => import('@/views/login/index.vue')
  },

  // 功能页面
  {
    path: '/offline',
    name: 'Offline',
    components: {
      default: () => import('@/views/offline/index.vue')
      // statusbar: () => import('@/components/StatusBar.vue')
    }
  },
  {
    path: '/history',
    name: 'History',
    components: {
      default: () => import('@/views/history/index.vue')
      // statusbar: () => import('@/components/StatusBar.vue')
    }
  },
  {
    path: '/favorites',
    name: 'Favorites',
    components: {
      default: () => import('@/views/favorites/index.vue')
      // statusbar: () => import('@/components/StatusBar.vue')
    }
  },
  {
    path: '/ratings',
    name: 'Ratings',
    components: {
      default: () => import('@/views/ratings/index.vue')
      // statusbar: () => import('@/components/StatusBar.vue')
    }
  },
  {
    path: '/settings',
    name: 'Settings',
    components: {
      default: () => import('@/views/settings/index.vue')
      // statusbar: () => import('@/components/StatusBar.vue')
    }
  },
  {
    path: '/settings/playback',
    name: 'PlaybackSettings',
    components: {
      default: () => import('@/views/settings/playback/index.vue')
      // statusbar: () => import('@/components/StatusBar.vue')
    }
  },
  {
    path: '/settings/cache',
    name: 'CacheSettings',
    components: {
      default: () => import('@/views/settings/cache/index.vue')
      // statusbar: () => import('@/components/StatusBar.vue')
    }
  },
  {
    path: '/settings/notification',
    name: 'NotificationSettings',
    components: {
      default: () => import('@/views/settings/notification/index.vue')
      // statusbar: () => import('@/components/StatusBar.vue')
    }
  },
  {
    path: '/settings/privacy',
    name: 'PrivacySettings',
    components: {
      default: () => import('@/views/settings/privacy/index.vue')
      // statusbar: () => import('@/components/StatusBar.vue')
    }
  },
  {
    path: '/settings/general',
    name: 'GeneralSettings',
    components: {
      default: () => import('@/views/settings/general/index.vue')
      // statusbar: () => import('@/components/StatusBar.vue')
    }
  },
  {
    path: '/settings/about',
    name: 'AboutSettings',
    components: {
      default: () => import('@/views/settings/about/index.vue')
      // statusbar: () => import('@/components/StatusBar.vue')
    }
  },
  {
    path: '/help',
    name: 'Help',
    components: {
      default: () => import('@/views/help/index.vue')
      // statusbar: () => import('@/components/StatusBar.vue')
    }
  },
  {
    path: '/player/:dramaId/:episodeIndex?',
    name: 'Player',
    component: () => import('@/views/play/index.vue'),
    props: true
  },
  {
    path: '/search',
    name: 'Search',
    components: {
      default: () => import('@/views/search/index.vue')
    }
  }
]
